<div style="width: 110%;">
  <div [ngSwitch]="assembly.controlType">
    <!-- 线条控件 -->
    <qk-line-attributes *ngSwitchCase="'line'" [assembly]="assembly"></qk-line-attributes>
    <!-- 文本框组件属性 -->
    <qk-text-attributes *ngSwitchCase="'text'" [assembly]="assembly"></qk-text-attributes>
    <!-- 输入框组件属性 -->
    <qk-input-attributes *ngSwitchCase="'input'" [assembly]="assembly" [names]="names"></qk-input-attributes>
    <!-- 多行文本框组件属性-->
    <qk-textarea-attributes *ngSwitchCase="'textarea'" [assembly]="assembly" [names]="names"></qk-textarea-attributes>
    <!-- 下拉框组件属性 -->
    <qk-dropdown-attributes *ngSwitchCase="'dropdown'" [assembly]="assembly" [names]="names"></qk-dropdown-attributes>
    <!-- 时间日期件属性 -->
    <qk-calendar-attributes *ngSwitchCase="'calendar'" [assembly]="assembly" [names]="names"></qk-calendar-attributes>
    <!-- 多选框组件属性 -->
    <qk-checkbox-attributes *ngSwitchCase="'checkbox'" [assembly]="assembly" [names]="names"></qk-checkbox-attributes>
    <!-- 单选框组件属性 -->
    <qk-radio-attributes *ngSwitchCase="'radio'" [assembly]="assembly" [names]="names"></qk-radio-attributes>
    <!-- 图片组件属性 -->
    <qk-image-attributes *ngSwitchCase="'image'" [assembly]="assembly" [names]="names"></qk-image-attributes>
    <!-- 表格组件属性 -->
    <qk-table-attributes *ngSwitchCase="'table'" [assembly]="assembly" [names]="names"></qk-table-attributes>
  </div>
</div>